import React from 'react'

export default function Child(props) {
  const styleObj={
    width:'150px',
    height:'200px',
    backgroundColor:'#ccc',
    borderRadius:'15px',
    boxShadow:'5px 5px 5px #999',
    margin:'20px',
    display:'flex',
    flexDirection:'column',
    alignItems:'center'
  }
  return (
    <div style={styleObj}>
        <h3>{props.title}</h3>
        <div>{props.name}</div>
        <div>{props.age}</div>
        <div>{props.hobby}</div>
        <div>
            <button onClick={()=>{
                props.callback('子组件传值')
            }}>点击</button>
        </div>
    </div>
  )
}
